.tabs-box {
	background-color: #ffffff;

	:deep(.tabs-menu) {
		position: relative;
		width: 100%;
		.el-dropdown {
			position: absolute;
			top: 8px;
			right: 13px;
		}
		.el-tabs__item {
			padding: 0 20px;
			height: var(--el-tabs-header-height);
			box-sizing: border-box;
			line-height: var(--el-tabs-header-height);
			display: inline-block;
			list-style: none;
			font-size: var(--el-font-size-base);
			font-weight: 500;

			position: relative;
		}
		.el-tabs__header .el-tabs__item {
			height: 38px;
			padding: 0 30px 0 30px;
			margin-top: 5.95px;
			margin-right: -18px;
			line-height: 38px;
			text-align: center;
			border: 0;
			outline: none;
			transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
		}
		.tabs-icon {
			top: 2px;
			font-size: 15px;
		}
		.el-tabs__nav-wrap {
			position: absolute;
			width: calc(100% - 110px);
		}
		.el-tabs {
			--el-tabs-header-height: 50px;
		}
		.el-tabs--card > .el-tabs__header {
			box-sizing: border-box;
			height: 50px;
			padding: 0 10px;
			margin: 0;
		}
		.el-tabs--card > .el-tabs__header .el-tabs__nav {
			border: none;
		}
		.el-tabs--card > .el-tabs__header .el-tabs__item {
			font-weight: 500;
			color: #5a5b5c;
			border: none;
		}
		.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
			color: var(--el-color-primary);
			border-bottom: 2px solid var(--el-color-primary);
		}
		.el-tabs__header .el-tabs__item {
			height: 38px;
			padding: 0 30px 0 30px;
			margin-top: 11px;
			margin-right: -18px;
			line-height: 38px;
			text-align: center;
			border: 0;
			outline: none;
			transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
		}
		.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
			border-left: none;
		}
		.el-tabs--card > .el-tabs__header .el-tabs__item {
			border-bottom: 1px solid transparent;

			transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),
				padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
		}

		.el-tabs__item .is-icon-close svg {
			margin-top: 0.5px;
		}

		.el-tabs__item.is-active,
		.el-tabs__item:hover {
			color: var(--el-color-primary);
		}

		.el-tabs__header .el-tabs__item:hover {
			color: #1a1b1c;
		}
		.el-tabs__header .el-tabs__item:hover {
			padding: 0 30px 0 30px;
			color: var(--el-color-black);
			background: #dee1e6;
			-webkit-mask: url();
			mask: url();
			-webkit-mask-size: 100% 100%;
			mask-size: 100% 100%;
		}

		.el-tabs__item.is-active,
		.el-tabs__header .el-tabs__item.is-active:hover {
			padding: 0 30px 0 30px;
			color: var(--el-color-primary);
			background: var(--el-color-primary-light-9);
			-webkit-mask: url();
			//-webkit-mask-image: url();
			-webkit-mask-position-x: initial;
			-webkit-mask-position-y: initial;
			-webkit-mask-size: initial;
			-webkit-mask-repeat-x: initial;
			-webkit-mask-repeat-y: initial;
			mask: url();
			-webkit-mask-size: 100% 100%;
			mask-size: 100% 100%;
			border-bottom: 0px solid var(--el-color-primary);
		}
		.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
			color: var(--el-color-primary);
			border-bottom: 0px solid var(--el-color-primary);
		}
		.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
			padding-left: 20px;
			padding-right: 20px;
		}
		.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
			border-bottom-color: var(--el-bg-color);
		}
		.el-tabs__item.is-active,
		.el-tabs__item:hover {
			color: var(--el-color-primary);
		}
		.el-tabs__header .el-tabs__item.is-active {
			outline: none;
		}
		.more-menu {
			font-size: 20px;
			margin-top: 10px;
			margin-right: 10px;
		}
		.more-menu:hover {
			color: var(--el-color-primary);
		}
		.el-tabs__nav-next,
		.el-tabs__nav-prev {
			margin-top: 8px;
		}
	}
}
